<template>
  <div class="detail-content">
    <el-row :gutter="20">
      <el-col :span="6">
        <span>用户名:</span>
        {{ objData.userName }}
      </el-col>
      <el-col :span="6">
        <span>产品名称:</span>
        {{ objData.goodsName }}
      </el-col>
      <el-col :span="6">
        <span>商品报告编码:</span>
        {{ objData.goodsReportId }}
      </el-col>
      <el-col :span="6">
        <span>推广计划:</span>
        {{ objData.promotionPlan }}
      </el-col>
      <el-col :span="6">
        <span>推广单元:</span>
        {{ objData.promotionUnit }}
      </el-col>
      <el-col :span="6">
        <span>产品类别:</span>
        {{ objData.goodsType }}
      </el-col>
      <el-col :span="6">
        <span>一级分类名称:</span>
        {{ objData.oneClassificationName }}
      </el-col>
      <el-col :span="6">
        <span>二级分类名称:</span>
        {{ objData.twoClassificationName }}
      </el-col>
      <el-col :span="6">
        <span>三级分类名称:</span>
        {{ objData.threeClassificationName }}
      </el-col>
      <el-col :span="6">
        <span>短剧男女频:</span>
        {{ objData.shortGender }}
      </el-col>
      <el-col :span="6">
        <span>消费:</span>
        {{ objData.consumption }}
      </el-col>
      <el-col :span="6">
        <span>展现:</span>
        {{ objData.toShow }}
      </el-col>
      <el-col :span="6">
        <span>点击:</span>
        {{ objData.click }}
      </el-col>
    </el-row>
    <el-button class="btn-back" type="primary" plain @click="$emit('handleCancle')">返回</el-button>
  </div>
</template>
<script>
export default {
  name: "detail",
  data() {
    return {};
  },
  props: {
    // 详情数据
    objData: {
      type: Object,
      default: () => {}
    }
  },
  methods: {}
};
</script>
<style scoped lang="scss">
.detail-content {
  width: 90%;
  margin: 0 auto;
  margin-top: 30px;
  .el-col {
    margin: 12px 0;
    span {
      color: #409eff;
    }
  }
  .btn-back {
    display: flex;
    text-align: center;
    margin: 0 auto;
    margin-top: 50px;
  }
}
</style>
